<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Taylor Made :: Home </title>	    
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index, follow" />
	<meta name="revisit-after" content="7 days" />
	<meta name="author" content="" />
	<meta name="copyright" content="" />
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/lang_vn.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
    <!--[if IE]><link rel="stylesheet" type="text/css" href="css/iefix.css" media="screen" /><![endif]-->	    	
</head>
<body>
<div id="wrapContainer">
	<div id="container">
		<div id="header">
			<ul class="top">
            	<li><h1><a href="#" title="Taylor Made"><img src="images/logo.jpg" alt="taylor" height="85" width="207"/></a></h1></li>
                <li class="midd"><h2 class="titRed">Learning Community</h2></li>
                <li class="last">
                	<h3>Login</h3>
                	<form id="frmLogin" action="" name="frmLogin" class="frmLogin">
                    	<ul>
	                    	<li class="first">
                            	<p><label for="txtUsername">User name :</label><input type="text" value="" id="txtUsername" name="txtUsername"/></p>
                            	<p><label for="txtPassword">Password :</label><input type="text" value="" id="txtPassword" name="txtPassword"/></p>
                            </li>
                        	<li><input type="button" value="" class="uiIcon initIcon-06"/></li>
                        </ul>                        
                    </form>
                </li>
            </ul>
            <p class="lnkVita"><a href="#" title="about">about</a></p>
            <div class="bot">
                <ul class="nav">
                	<li class="first"><img src="images/dummy.gif" alt="" class="uiIcon initIcon-07"/></li>
                    <li class="current"><a href="#" title="home">home</a></li>
                    <li ><a href="#" title="people">people</a></li>
                    <li class="noBG"><a href="#" title="why?">why?</a></li>
                    <li class="special">&nbsp;</li>
                    <li><a href="#" title="join">join</a></li>
                    <li><a href="#" title="customer service">customer service</a></li>
                    <li class="end"><a href="#" title="community">community</a></li>
                </ul>
                <ul class="lang">
                    <li><a href="#" title="English"><img src="images/dummy.gif" alt="English" class="uiIcon initIcon-01"/></a></li>
                    <li><a href="#" title="Viet Nam"><img src="images/dummy.gif" alt="Viet Nam" class="uiIcon initIcon-02"/></a></li>
                </ul>
            </div>            
		</div><!--EOF header-->
		<div id="wrapMain">
			<div class="main">
            	<div class="blockTimeScape uiFrame">
                		<b class="tL png"></b>
                        <b class="tR png"></b>
                        <b class="bL png"></b>
                        <b class="bR png"></b>
                        <b class="tM png"></b>
                        <b class="bM png"></b>
                        <b class="lM png"></b>
                        <b class="rM png"></b>
                    	<div class="content">
                            <h2><span><span>TimeScape</span></span></h2>
                            <a href="#" title="timescape" class="thumb"><img src="images/visu_logo_timescape.gif" alt=""/></a>
                            <p>Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. </p>
                            <p>Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Maecenas nec odio et ante tincidunt tempus...</p>
                            <ul class="groupButton">
                                <li class="first uiGeneral">
                                    <ul>
                                        <li><a href="#" title="What ?"><span>What ?</span><img src="images/dummy.gif" alt="go" class="uiIcon1 initIcon1-01"/></a></li>
                                        <li><a href="#" title="How ?"><span>How ?</span><img src="images/dummy.gif" alt="go"  class="uiIcon1 initIcon1-01"/></a></li>
                                        <li><a href="#" title="Why ?"><span>Why ?</span><img src="images/dummy.gif" alt="go"  class="uiIcon1 initIcon1-01"/></a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#" title="Go" class="lnkGo"><img src="images/dummy.gif" class="uiIcon initIcon-04" alt=""/></a>
                                </li>
                            </ul><!-- EOF groupButton-->
                        </div>                    
                </div><!--EOF blockTimeScape-->
                <div class="blockVita uiFrame">
                	<b class="tL png"></b>
                    <b class="tR png"></b>
                    <b class="bL png"></b>
                    <b class="bR png"></b>
                    <b class="tM png"></b>
                    <b class="bM png"></b>
                    <b class="lM png"></b>
                    <b class="rM png"></b>
                    <div class="content">
                        <h2><span><span>Vita</span></span></h2>
                        <img src="images/visu_vita.jpg" alt="Vita"/>
                        <ul class="groupButton">
                            <li class="first uiGeneral">
                                <ul>
                                    <li><a href="#" title="What ?"><span>What ?</span><img src="images/dummy.gif" alt="go" class="uiIcon1 initIcon1-01"/></a></li>
                                    <li><a href="#" title="How ?"><span>How ?</span><img src="images/dummy.gif" alt="go"  class="uiIcon1 initIcon1-01"/></a></li>
                                    <li><a href="#" title="Why ?"><span>Why ?</span><img src="images/dummy.gif" alt="go"  class="uiIcon1 initIcon1-01"/></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Go" class="lnkGo"><img src="images/dummy.gif" class="uiIcon initIcon-04" alt=""/></a>
                            </li>
                        </ul><!-- EOF groupButton-->
                    </div>
                </div><!--EOF blockVita-->
                <div class="blockApplication uiFrame">
                	<b class="tL png"></b>
                    <b class="tR png"></b>
                    <b class="bL png"></b>
                    <b class="bR png"></b>
                    <b class="tM png"></b>
                    <b class="bM png"></b>
                    <b class="lM png"></b>
                    <b class="rM png"></b>
                	<div class="content">
                        <h2><span><span>applications</span></span></h2>
                        <ul class="tabs">
                            <li><a href="#" title="teens" class="uiIcon initIcon-05">teens</a></li>
                            <li class="midd"><a href="#" title="adults" class="uiIcon initIcon-05">adults</a></li>
                            <li><a href="#" title="business" class="uiIcon initIcon-05">business</a></li>
                        </ul>
                        <div class="contentTabs uiGeneral">                        	
                                <div id="tab01" class="tab">
                                	<div class="scrollContainer floatL">
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipi-scing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pen-atibus et magnis dis parturient  montes, nasc-etur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </p>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipi-scing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pen-atibus et magnis dis parturient  montes, nasc-etur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </p>
                                    </div>
                                     <div class="smScroller floatR">
                                        <span class="smScrollUp">&nbsp;</span>
                                        <span class="smScrollDx">
                                            <span class="smScrollDxBtn">&nbsp;</span>
                                        </span>
                                        <span class="smScrollDn">&nbsp;</span>
                                    </div>
                                </div>                               
                           
                        </div><!--EOF contentTabs-->                        
                    </div>
                </div><!--EOF blockApplication-->
            </div><!--EOF main-->
            <div class="blockCommunity uiFrame">
            	<b class="tL png"></b>
                <b class="tR png"></b>
                <b class="bL png"></b>
                <b class="bR png"></b>
                <b class="tM png"></b>
                <b class="bM png"></b>
                <b class="lM png"></b>
                <b class="rM png"></b>
                <div class="content">
                    <h2><span><span>community</span></span></h2>
                    <ul>
                        <li><a href="#" title="Lorem Ipsum is that it has a more demo text validate">Lorem Ipsum is that it has a more demo text validate</a></li>
                        <li><a href="#" title="Lorem Ipsum is that it has a more demo text validate">Lorem Ipsum is that it has a more demo text validate</a></li>
                        <li><a href="#" title="Lorem Ipsum is that it has a more demo text validate">Lorem Ipsum is that it has a more demo text validate</a></li>
                        <li><a href="#" title="Lorem Ipsum is that it has a more demo text validate">Lorem Ipsum is that it has a more demo text validate</a></li>
                        <li><a href="#" title="Lorem Ipsum is that it has a more demo ">Lorem Ipsum is that it has a more demo </a></li>
                        <li><a href="#" title="Lorem Ipsum is that it has a more demo text validate">Lorem Ipsum is that it has a more demo text validate</a></li>
                        <li><a href="#" title="Lorem Ipsum is that it has a more demo ">Lorem Ipsum is that it has a more demo </a></li>
                    </ul>
                    <a href="#" title="explorer" class="lnkExplorer"><img src="images/dummy.gif" alt="explorer" class="uiIcon initIcon-03"/></a>
                </div>
            </div><!--EOF blockCommunity-->
            
		</div><!--EOF wrapMain-->		
    </div><!-- EOF container-->
    <div id="footer">
    		<hr/>
			<ul class="nav">
            	<li class="first"><a href="#" title="Privacy policy">Privacy policy</a></li>
                <li><a href="#" title="Term &amp; conditions">Term &amp; conditions</a></li>
                <li><a href="#" title="sitemap">sitemap</a></li>
                <li><a href="#" title="contact us">contact us</a></li>
                <li><a href="#" title="about">about</a></li>
                <li class="last"><a href="#" title="Taylormade 2011"> &copy; Taylormade 2011</a></li>
            </ul>
	</div><!--EOF footer-->    
</div><!--EOF wrapContainer	-->
</body>
</html>
